<template>
    <div id="init">
        <router-view name="init_top"></router-view>
        <router-view name="init_media"></router-view>
        <router-view name="init_font"></router-view>
        <!-- <top></top>
        <middle></middle>
        <font></font> -->
    </div>
</template>

<script>

import top from '../component/main/top.vue'
import middle from '../component/main/middle.vue'
import font from '../component/main/font.vue'

export default {

    components:{top, middle, font}

}
</script>

<style>
    #init{
        margin: auto 0px;
        padding: 1px;
        min-height: 760px;
    }
    p{
        letter-spacing: 5px;
    }
</style>
